<!DOCTYPE html>
<html>
<style>
  .composited {
    transform: translateZ(0);
  }
  .filter {
    -webkit-filter: invert(100%);
  }
</style>

<!-- There should be a bright pink box on this page -->
<body>
  <img class="composited" onload="load(this)" src="../../fast/images/resources/green-256x256.jpg">
</body>

<script>
function load(element) {
  element.classList.add('filter');
  setTimeout(done, 0);
}

function done() {
  if (window.testRunner)
    testRunner.notifyDone();
}

if (window.testRunner) {
  testRunner.waitUntilDone();
}
</script>
</html>
